// packageCourse/pages/courseComment/courseComment.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
     // 用于存储评价内容
     evalContent: '',
     // 用于存储评分，初始为0分
     rating: 0,
     courseId:"",
     courseItem:[],
     userId:""
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    const app = getApp();
    this.setData({
      userId:app.globalData.loginUserInfo.id,
      courseId: options.id
    });
    wx.request({
      url: 'http://localhost:8081/sfzy/course/'+options.id,
      method:'GET',
      success:(res)=>{
        this.setData({
          courseItem:res.data.data
        })
      }
    })
  },

  // 输入框内容改变时触发的函数
  onInputChange(e) {
    this.setData({
      evalContent: e.detail.value
    });
  },
  // 点击五角星评分时触发的函数
  onStarTap(e) {
    const that = this;  // 保存当前页面实例的 this 指向
    const index = e.currentTarget.dataset.index;
    that.setData({
      rating: index + 1
    });
    const stars = that.selectAllComponents('.star.icon');
    for (let i = 0; i < stars.length; i++) {
      if (i <= index) {
        stars[i].setData({
          '__class': 'icon icon_yellow'
        });
      } else {
        stars[i].setData({
          '__class': 'icon icon_gray'
        });
      }
    }
},
  // 点击提交评价按钮时触发的函数
  onSubmit() {
    if (this.data.evalContent === '') {
      wx.showToast({
        title: '请输入评价内容',
        icon: 'none'
      });
      return;
    }
    wx.request({
      url: 'http://localhost:8081/sfzy/courseComment',
      method:'POST',
      data:{
        commentContent:this.data.evalContent,
        score:this.data.rating,
        courseName:this.data.courseItem.courseName,
        userId:this.data.userId,
        courseId:this.data.courseId,
      },
      success:(res)=>{
        // 重置评价
        this.setData({
          rating: 0
        });
         // 重置评价内容为空字符串
         this.setData({
          evalContent: ''
      });
        //重置星星
        const stars = this.selectAllComponents('.star.icon');
        for (let i = 0; i < stars.length; i++) {
            stars[i].setData({
                '__class': 'icon icon_gray'
            });
        }
        wx.showToast({
          title: '评价提交成功',
          icon: 'success'
        });
        wx.redirectTo({
          url: `/packageCourse/pages/courseDetails/courseDetails?id=${this.data.courseId}`,
        })
      }
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})